static function nameDataProvider(callback) {
    setTimeout(function() {
        callback(null, {});
    }, 20);
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>Marko Components Tests</title>
    </head>
    <body>
        <div id="test"/>
        <div id="mocha"/>
        <div id="testsTarget"/>
        <app-foo/>
        <await(nameDataProvider) client-reorder>
            <@then|name|>
                <script>
                    // window.barComponent should not exist yet, but's store that in a variable to verify
                    window.afterInitComponents_foo = window.fooComponent;
                    window.afterInitComponents_bar = window.barComponent;
                </script>
                <app-bar/>
            </@then>
        </await>
        <init-components/>
    </body>
</html>